<template>
    <div class="container">
        <iframe 
        src="https://www.tup123.com/VarietyGraph?limit=EE622D2A3E7BF77022AA0B406B1D3BD26308BE028DE58E60" 
        frameborder="0" 
        width="100%" 
        height="600px"
        title="Embedded Page"
      ></iframe>
    </div>
</template>

<script setup>
import MAP from '@/components/GPS/components/Satellite/index.vue'; // 引入地图组件
import { inject, ref, watch } from 'vue';
import useOperationStore from '../../../../../store/operation';

// 切换业务的数据对接处理
let operationStore=useOperationStore()
let operationId = ref(operationStore.data.length>0?operationStore.data[operationStore.index].id:'')
let latitude=ref(operationStore.data.length>0?operationStore.data[operationStore.index].latitude:null)
let longitude=ref(operationStore.data.length>0?operationStore.data[operationStore.index].longitude:null)
let operationName=ref(operationStore.data.length>0?operationStore.data[operationStore.index].Name:null)
operationStore.$subscribe(async(mutation, state)=>{
  operationId.value=operationStore.data[operationStore.index].id
  operationName.value=operationStore.data.length>0?operationStore.data[operationStore.index].Name:null
  latitude.value=operationStore.data.length>0?operationStore.data[operationStore.index].latitude:null
  longitude=operationStore.data.length>0?operationStore.data[operationStore.index].longitude:null
})

</script>

<style lang="scss" scoped>
.container {
    flex: 1;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    
  iframe {
    border: none;
    width: 100%;
    height: 100%;
    display: flex;
  }
    
}
</style>